<template>
    <div>
        <div class="login-box">
            <mu-text-field label="用户名" labelFloat/>
            <br/>
            <mu-text-field label="密码" hintText="请输入密码" type="password" labelFloat/>
            <br/>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            value: '默认文字'
        }
    }
}
</script>

<style>
.login-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 200px;
    text-align: center;
    background: url('/static/bg.jpg') no-repeat center;

}

.mu-text-field.has-label .mu-text-field-label.float {
    color: #fff;
}
</style>
